@CHARSET "UTF-8";

body		{ background: #f1f1f1 url(/gui/page-bg.gif) top center repeat-x }
img			{ vertical-align: top; border: none }
a			{ color: #005888}
h1 a:hover, h2 a:hover, h3 a:hover	{ text-decoration: none }
h1			{ font-size: 1.5em; color: #99042F }
h2			{ font-size: 1.3em; color: #99042F }
h1 a		{ color: #99042F }

#center		{ position: relative; margin: 40px auto 30px; text-align: left; width: 928px; background: url(/gui/page-bg.png) repeat-y }
#header		{ position: relative; margin-top: -14px }
/*#pagemid	{ background: url(/gui/page-bg.png) repeat-y; margin-top: 91px; margin-bottom: 176px }*/
#footer		{ position: relative; clear: both; margin-bottom: -14px }
#content	{ position: relative; margin: 0px 14px -171px; min-height: 600px; /*background-color: #F00;*/ z-index: 10}
#kontor		{ position: absolute; top: -10px; left: 14px; text-align: center; width: 900px }
#kontor a	{ margin: 0px 10px; color: #444; font-size: 11px }

#header .logo		{ position: absolute; top: 42px; left: 54px }
#header .highlight	{ position: absolute; top: 21px; left: 21px }

#footer .highlight	{ position: absolute; top: 171px; left: 21px }
#footer .content	{ position: absolute; top: 178px; left: 14px; width: 900px; font-size: 11px }
#footer .left		{ position: absolute; top: 0px; left: 10px }
#footer .right		{ position: absolute; top: 0px; right: 10px }
#footer .center		{ text-align: center }
#footer .content a	{ color: #999 }
#footer .center	a	{ margin: 0px 10px }

#leftcol	{ float: left; width: 580px; margin-left: 20px; min-height: 200px/*; background-color: #0F0*/ }
#leftcol .entry1	{ padding: 0px 20px 10px; background: url(/gui/entry-wide-top.png) top no-repeat; margin: 20px 0px}
#leftcol .entry1 .footer	{ margin: 0px -20px; padding: 0px 20px; background: url(/gui/entry-wide-bottom.png) bottom no-repeat }
#leftcol .entry1 h1	{ margin: 0px; padding: 10px 0px 0px }

#rightcol	{ float: left; width: 280px; margin-left: 10px/*; background-color: #F00*/ }
#rightcol .entry1			{ background: url(/gui/lcol-bg.png) repeat-y; margin: 29px 0px 9px; }
#rightcol .entry1	.header	{ position: relative; top: -18px; width: 280px; height: 18px; background: url(/gui/lcol-top.png) top no-repeat }
#rightcol .entry1	.header .headline	{ position: absolute; left: 11px; bottom: -15px }
#rightcol .entry1	.footer	{ position: relative; bottom: -18px; width: 280px; height: 18px; background: url(/gui/lcol-bottom.png) bottom no-repeat }
#rightcol .entry1	.content	{ margin: 0px }

#topmenu	{ position: relative; clear: both; top: 0px; padding: 0px 15px; margin-top: -91px }
.l1menu		{ height: 74px; background: url(/gui/menu_l1_bg.png) bottom center no-repeat; margin-bottom: -9px  }
.l2menu		{ height: 118px; background: url(/gui/menu_l2_bg.png) bottom center no-repeat; margin-bottom: -8px }
#topmenu ul	{ list-style: none; margin: 0px; padding: 0px 9px; height: 45px }
#topmenu li	{ float: left; margin: 0px; padding: 0px }
#topmenu a	{ display: block; height: 25px; padding: 10px; line-height: 25px; font-size: 14px; text-decoration: none; color: #666 }
#topmenu a:hover	{ color: #000 }
#topmenu a.selected	{ color: #000}
#topmenu a.selected	{ background: url(/gui/l1menu_r1_marker.png) bottom center no-repeat }
#topmenu.l2menu .row1 a.selected	{ background: url(/gui/l2menu_r1_marker.png) bottom center no-repeat }
#topmenu.l1menu .row2	{ display: none }
#leftcol .footer p		{ font-size: 12px; padding: 5px 0px; line-height: 18px; border-top: 1px solid #ddd; margin: 0px; color: #666 }

img.left	{ float: left; margin-right: 10px }
img.right	{ float: right; margin-left: 10px }
